<template>
	<div>
		<!-- v-on绑定事件 缩写@,v-bind绑定属性  缩写：-->
		<div :title="liujiao">
			<p>hello {{liujiao}}</p>
			<p>hello <span v-html="liujiao"></span></p>
			<p>hello <span v-text="liujiao"></span></p>
		</div>
		<br/>
		<!-- v-html,v-text的区别 -->
		<p v-html="diffText"></p>
		<p v-text="diffText"></p>
	</div>
</template>

<script>
	export default {
		data(){
			return{
				liujiao:'liujiao,i am boy',
				diffText:'<span>i like grils</span>'
			}
		}
	}
</script>

<style scoped>
	
</style>